<template>
  <el-container class="container">
    <el-header class="header">头部</el-header>
    <el-container>
      <v-menu></v-menu>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
    <el-footer class="footer">&copy;版权所有</el-footer>
  </el-container>
</template>
<script type='text/javascript'>
import vMenu from '../views/Menu.vue'
export default {
  data () {
    return {
    }
  },
  methods: {
  },
  components: {
    vMenu
  }
}
</script>
<style type='text/css' scoped>
  .container {
    width: 100%;
    height: 100%;
  }
  .header {
    height: 130px;
    background: linear-gradient(to right,#5F3B21,#905B3C);
  }
  .footer {
    height: 120px;
    background-color: beige;
    text-align: center;
    line-height: 60px;
  }
</style>
